$(document).ready(function() {
	$("#nuevo").click(function() {
	    $("#nuevo").hide();
	    $("#new_comment").fadeIn();
	    $("#new").fadeIn();
	    $("#counter").fadeIn();
	    $("#new_comment")[0].value = "";
	    $("#new_comment").focus();
	    return false;
	});

	$("#new_comment").keyup(function() {
		var input = $("#new_comment")[0].value;
		i=0;
		while(input[i])
		 i++;
		 $("#counter").html(i);
		 return false;
		});

	$("#new").click(function() {
	    var comment = document.getElementById("new_comment").value;
		$.ajax({
		    type: "POST",
		    cache: false,
		    url: "ajaxeador.php",
		    data: {comentario: comment},
		    dataType: "",
		    beforeSend: function(obj) {
		    },
		    error: function(XMLHttpRequest, textStatus, errorThrown) {
			    alert("xxxx " + textStatus);
		    },
		    success: function(datos) {
			if (datos != "") {
			    $("#new").hide();
			    $("#nuevo").show();
			    $("#new_comment").hide();
	    		    $("#counter").hide();
			    var antes = $("#comments1")[0].innerHTML;
			    var cadena = '<div class="comment">'+datos+'</div>';
			    $("#comments1").html(cadena+antes);
			} else {
			    alert("Ups! Hay un errorcito: ");
			}
		    }
		});
	    return false;
	    });

	$("#follow").click(function() {
	    var user = document.getElementById("user").innerHTML;
	    var opt = $("#follow_this")[0].value;
		$.ajax({
		    type: "POST",
		    cache: false,
		    url: "followjax.php",
		    data: {option: opt, followee: user},
		    dataType: "",
		    beforeSend: function(obj) {
		    },
		    error: function(XMLHttpRequest, textStatus, errorThrown) {
			    alert("xxxx " + textStatus);
		    },
		    success: function(datos) {
            //TODO coger del xml la operacion, y el usuario
            //si la operacion es not follow, hay que reemplazar {'user',''}
            //<div class="follower"><a href="sweetter.php?user=danigm">danigm</a></div>
            opt = $("opt", datos).text();
            user = $("user", datos).text();
			if (opt == "follow") {
			    $("#follow").html('<input type="button" id="follow_this" value="not follow"/>');
                $("#followers1").append('<div class="follower" id="me"><a href="sweetter.php?user='+user+'">'+user+'</a></div>');
			    obj = document.getElementById("nfollowers");
                n = parseInt(obj.innerHTML)+1;
                obj.innerHTML = n;
			}else if (opt == "not follow") {
			    $("#follow").html('<input type="button" id="follow_this" value="follow this"/>');
			    obj = document.getElementById("me");
                obj.innerHTML = '';
			    obj = document.getElementById("nfollowers");
                n = parseInt(obj.innerHTML)-1;
                obj.innerHTML = n;
			} else {
			    alert("Ups! Hay un errorcito: "+ datos);
			}
		    }
		});
	    return false;
	    });
});

